<!DOCTYPE html>
<html>
<!-- 收入明细 -->

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title style="background-color: #00c6a7;">收入明细</title>
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../css/ali-icon/iconfont.css" />
	<style type="text/css">
		.head-card {
			width: 95%;
			border-radius: 10px;
			margin: 0 auto;
			border: 1px solid #e5e5e5;
			box-shadow: 0px 0px 10px #E5E5E5;
		}

		.detail {
			border: 1px solid #00C6A7;
			color: #00C6A7;
			width: 70px;
			margin-left: -4px;
			border-radius: 50px;
			margin-top: 15px;
		}

		.list-card {
			width: 94%;
			border-radius: 6px;
			padding: 5px 10px;
			left: 10px;
			margin: 0 auto;
			margin-bottom: 10px;
			border: 1px solid #e5e5e5;
			box-shadow: 0px 0px 10px #E5E5E5;
		}

		.order-detail {
			padding: 5px;
		}
	</style>
</head>

<body>
	<div id="app">
		<div class="aui-content aui-margin-b-15">
			<div class="aui-bar aui-bar-btn aui-bar-btn-full">
				<div class="aui-bar-btn-item" style="border: 1px solid #CCCCCC;" @click="previousMonth()">上一月</div>
				<div class="aui-bar-btn-item" style="border: 1px solid #CCCCCC;" @click="nextMonth()">下一月</div>
			</div>
			<section class="aui-content aui-grid aui-margin-t-15 head-card">
				<div class="aui-row" style="padding: 15px;">
					<div class="aui-col-xs-4" style="border-right: 1px solid #e5e5e5;padding: 0">
						<big>{{curData.month}}月</big>
						<div class="aui-gird-lable aui-font-size-12">{{curData.year}}年</div>
					</div>
					<div class="aui-col-xs-4" style="padding: 0">
						<big style="color: #00C6A7">{{curData.due}}</big>
						<div class="aui-gird-lable aui-font-size-14">本月营业额</div>
					</div>
					<div class="aui-col-xs-4" style="padding: 0;">
						<big style="color: #00C6A7">{{curData.receiptQuantity}}</big>
						<div class="aui-gird-lable aui-font-size-14">单量</div>
					</div>
				</div>
			</section>
			<section class="aui-grid aui-margin-t-15">
				<div class="aui-row">
					<div class="aui-col-xs-6" style="background: #fbfbfb; border: 1px solid #e5e5e5; padding: 12px;">
						<span>洗车服务</span>
						<span style="color: #00C6A7">¥{{curData.carWashMoney}}</span>
					</div>
					<div class="aui-col-xs-6" style="background: #fbfbfb; border: 1px solid #e5e5e5; padding: 12px;">
						<span>美容服务</span>
						<span style="color: #00C6A7">¥{{curData.cosmetologyMoney}}</span>
					</div>
				</div>
			</section>
			<div class="list-card aui-margin-t-15">
				<ul>
					<li class="aui-border-b order-detail" v-for="(order, index) in orderList" :key="index">
						<p>{{order.orderItems[0].goodsName}}</p>
						<span>
	            <i class="aui-iconfont aui-icon-date"></i>
      				<span>{{order.appointmentTime}}</span>
						</span>
						<span style="float: right; color: #00C6A7">¥{{order.due}}</span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/base64.js"></script>
<script type="text/javascript" src="../script/md5.js"></script>
<script type="text/javascript" src="../script/common/api.js"></script>
<script type="text/javascript" src="../script/common/vue.js"></script>
<script type="text/javascript" src="../script/my/receivedorders.js"></script>
<script type="text/javascript" src="../script/aui-popup-new.js"></script>
<script type="text/javascript">
	apiready = function() {
		//显示加载缓冲页面
		api.showProgress({
		});
		vm.hasLogin();
		// vm.init(); //初始化
	};
</script>

</html>
